
<!DOCTYPE html>
<html xmlns:th="http://thymeleaf.org">


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>订单查询</title>
<!--    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">-->
<!--    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">-->

<!--    <link rel="shortcut icon" th:href="@{/new/favicon.ico">-->
    <link th:href="@{/adminlte/bower_components/layer/theme/default/layer.css}" rel="stylesheet">s
    <link th:href="@{/new/css/bootstrap.min14ed.css?v=3.3.6}" rel="stylesheet">
    <link th:href="@{/new/css/font-awesome.min93e3.css?v=4.4.0}" rel="stylesheet">


    <!-- Data Tables -->
    <link th:href="@{/new/css/plugins/dataTables/dataTables.bootstrap.css}" rel="stylesheet">
    <link th:href="@{/new/css/animate.min.css}" rel="stylesheet">
    <link th:href="@{/new/css/style.min862f.css?v=4.1.0}" rel="stylesheet">

</head>

<body class="gray-bg">
<section class="content">
<div class="wrapper wrapper-content animated fadeInRight" style="margin-left: 200px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>订单 <small>分类，查找</small></h5>
                </div>
                <div class="ibox-content">
                    <label>姓名</label>
                    <input type="text" id="name" name="name" />
                    <label>快递公司</label>
                    <input type="text" id="peisong" name="peisong" />
                    <label>地址</label>
                    <input type="text" id="address" name="address" />
<!--                    <label>起始日期</label>-->
<!--                    <input type="date" id="startdate" name="startname"/>-->
<!--                    <label>结束日期</label>-->
<!--                    <input type="date" id="enddate" name="enddate"/>-->
                    <button class="btn btn-info" onclick="search()">查询</button>
                    <table class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>
                        <tr>
                            <th>订单ID</th>
                            <th>客户</th>
                            <th>配送方式</th>
                            <th>地址</th>
                            <th>备注</th>
                            <th>下单时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="o : ${orders}">
                            <td th:text="${o.oId}"></td>
                            <td th:text="${o.uname}"></td>
                            <td th:text="${o.peisong}"></td>
                            <td th:text="${o.address}"></td>
                            <td th:text="${o.message}"></td>
                            <td th:text="${#dates.format(o.date,'yyyy-MM-dd')}"></td>
<!--                            <td><button th:onclick="operate([[${o.oId}]])">操作</button></td>-->
<!--                            <td><a th:href="'/product/product_edit?pId='+${p.pId}+''" class="btn btn-primary btn-xs btn_update">更改</a></td>-->
                        </tr>

                        </tbody>
                        <tfoot>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
    </div>

</div>
</section>

<script th:src="@{/js/jquery-3.4.1.min.js}"></script>
<script th:src="@{/new/js/jquery.min.js?v=2.1.4}"></script>
<script th:src="@{/new/js/bootstrap.min.js?v=3.3.6}"></script>
<script th:src="@{/new/js/plugins/jeditable/jquery.jeditable.js}"></script>
<script th:src="@{/new/js/plugins/dataTables/jquery.dataTables.js}"></script>
<script th:src="@{/new/js/plugins/dataTables/dataTables.bootstrap.js}"></script>
<script th:src="@{/new/js/content.min.js?v=1.0.0}"></script>
<script th:src="@{/adminlte/bower_components/layer/layer.js}"></script>
<script th:inline="javascript">
    // $(document).ready(function(){$(".dataTables-example").dataTable();
    // var oTable=$("#editable").dataTable();
    // oTable.$("td").editable("http://www.zi-han.net/theme/example_ajax.php",
    //     {"callback":function(sValue,y){
    //         var aPos=oTable.fnGetPosition(this);
    //     oTable.fnUpdate(sValue,aPos[0],aPos[1])},"submitdata":
    //             function(value,settings){
    //         return{
    //             "row_id":this.parentNode.getAttribute("id"),
    //             "column":oTable.fnGetPosition(this)[2]}},
    //         "width":"90%","height":"100%"})});
    // function fnClickAddRow(){
    //     $("#editable").dataTable().fnAddData(["Custom row","New row","New row","New row","New row"])};
    //


    // function search() {
    //       var uname=$("#name").val()
    //       var peisong=$("#peisong").val()
    //       var address=$("#address").val()
    //           $.ajax({
    //               method:"get",
    //               url:"/order/order_list",
    //               data:{uname:uname,peisong:peisong,address:address},
    //               success:function (data) {
    //                   //if(data["result"]=="success")
    //                   {
    //                       layer.msg("查询中");
    //                       setTimeout(function (){
    //                           window.location.href="/order/order_list?uname="+uname+"&peisong="+peisong+"&address="+address;
    //                       },1000);
    //                   }
    //               }
    //           })
    // }
    function search() {
        var uname=$("#name").val()   ;
        var peisong=$("#peisong").val();
        var address=$("#address").val();
        layer.msg("查询中")
        // var stattime=$("#startDate").val();
        // var endtime=$("#endDate").val();
        setTimeout(function () {
            window.location.href="/order/order_list?name="+uname+"&peisong="+peisong+"&address="+address;
        },1000);
       
    }
    function operate(oId) {
        // var id=$(this).parent("tr").children("td");
        // var Id=id.eq(0).find('th:text');
        ///var message=oId;
        layer.msg(oId);

    }
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
